<?php if($static){?>
    <link rel="stylesheet" href="<?php echo base_url();?>style.css">
	<!--底部tab导航 start-->
        <div id="tabbar" class="row">
            <div class="col-xs-4 tabbar_col">
                <input type="button" value="介绍">
            </div>
            <div class="col-xs-4 tabbar_col">
                <input type="button" value="服务">
            </div>
            <div class="col-xs-4 tabbar_col">
                <input type="button" value="互动">
            </div>
        </div>
        <!--底部nav导航 end-->
<?php }?>
<script>
$(document).ready(function () {
    initTabbar();
});

/**
 * 初始化tabbar
 */
function initTabbar() {
    $("#tabbar div:eq(0)").children("input").css("background-color", "#007aff");

    $("#tabbar div").each(function (i) {
        $(this).click(function () {
            //改版tab的样式
            $("#tabbar div").children("input").css("background-color", "#5ac8fa");
            $(this).children("input").css("background-color", "#007aff");

            //显示tab所对应的内容
            $("#tabbar_content #tabbar_content_item").hide();
            $("#tabbar_content #tabbar_content_item").eq(i).show();
        });
    });
}

</script>
</body></html>
